html {
    font-size: 0.2487vw;
  }
  
  .home {
    padding-bottom: 51rem;
    background-color: #f4f4f4;
  }
  
  .van-search__content.van-search__content--square {
    border-radius: 20rem;
  }
  
  .classify {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    /* height: 140rem; */
    padding-bottom: 10rem;
    margin-bottom: 10rem;
  }
  
  .classifys {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    height: 50%;
    margin-top: 16rem;
    margin-top: 0rem;
    padding-top: 8rem;
  }
  
  .classifys img {
    width: 30%;
    height: 100%;
  }
  
  .classifys p {
    height: 100%;
    margin-top: 0rem;
    text-align: center;
    margin-bottom: 0rem;
    font-size: 12rem;
  }
  
  .coupon {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .coupons1 {
    display: flex;
    width: 98%;
    border-top: 0.5rem solid #c9c9c9;
    align-items: center;
    margin-left: 5rem;
    margin-bottom: 10rem;
  }
  
  .coupons1 {
    background-color: #D8B16F;
    padding-left: 10rem;
    margin-bottom: 5rem;
    padding-top: 5px;
      padding-bottom: 5px;
    width: 95%;
  
  }
  
  .coupons1text1 {
    width: 40%;
  }
  
  .coupons1text1 p:nth-child(1) {
    width: 30%;
    background-color: #A38044;
    color: #fff;
    text-align: center;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 2rem;
    border-bottom-width: 2rem;
    padding-bottom: 2rem;
  }
  
  .coupons1text1 p:nth-child(2) {
    font-size: 25rem;
    color: #9B3216;
    margin-top: 5rem;
    margin-bottom: 5rem;
    padding-left: 12rem;
  }
  
  .coupons1text1 p:nth-child(3) {
    font-size: 16rem;
    color: #fff;
    padding-left: 12rem;
    margin-top: 5rem;
  }
  
  .coupons1text2 p:nth-child(1) {
    font-size: 25rem;
    color: #fff;
    margin-bottom: 0rem;
  }
  
  .coupons1text2 p:nth-child(2) {
    font-size: 13rem;
    color: #fff;
    margin-top: 10rem;
    margin-bottom: 0rem;
  
  }
  
  .coupons1text2 p:nth-child(3) {
    font-size: 13rem;
    color: #fff;
    margin-top: 2rem;
  }
  
  .brand {
    background-color: #fff;
  }
  
  .brand p {
    text-align: center;
    font-size: 20rem;
    padding-top: 20rem;
    margin-top: 10rem;
  }
  
  .brands {
    display: flex;
    flex-wrap: wrap;
  }
  
  .brands div:nth-child(1) {
    margin-bottom: 2rem;
    margin-right: 2rem;
  }
  
  .brands div:nth-child(3) {
    margin-right: 2rem;
  }
  
  .brands p {
    text-align: left;
    color: #fff;
    margin-bottom: 0rem;
    margin-top: 0rem;
    margin-left: 18rem;
  }
  
  .starting {
    background-color: #fff;
  }
  
  .starting p {
    text-align: center;
    font-size: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  
  }
  
  .startings {
    display: flex;
    flex-wrap: wrap;
  
  }
  
  .startings div {
    width: 50%;
  }
  
  .startings div img {
    width: 100%;
  }
  
  .startings div p {
    margin-bottom: 0rem;
    margin-top: 5rem;
  }
  
  .recommend {
    background-color: #fff;
  }
  
  .recommends div {
    display: flex;
  
  }
  
  .recommends img {
    width: 40%;
  }
  
  .recommends div div {
    display: block;
    width: 60%;
    padding-left: 10rem;
  }
  
  .recommendtile {
    font-size: 18rem;
    text-align: center;
    margin-top: 10rem;
    padding-top: 20rem;
    margin-bottom: 20rem;
  }
  
  .recommends div div p:nth-child(1) {
    font-size: 17rem;
    margin-bottom: 0rem;
    margin-top: 40rem;
  }
  
  .recommends div div p:nth-child(2) {
    font-size: 14rem;
    color: #9C9C9C;
    margin-top: 8rem;
    margin-bottom: 0rem;
  }
  
  .recommends div div p:nth-child(3) {
    font-size: 20rem;
    color: #A89874;
    margin-top: 8rem;
  }
  
  .special {
    background-color: #fff;
  }
  
  .specials {
  
    height: 300rem;
    display: flex;
    justify-content: space-between;
    /* 设置超出滚动 */
    overflow-x: auto;
  }
  
  .specials div {
    flex-shrink: 0;
    height: 100%;
    padding-right: 20rem;
    padding-right: 5rem;
    padding-left: 5rem;
    width: 97%;
  
  
  }
  
  .specials img {
    width: 100%;
    height: 68%;
  }
  
  ::-webkit-scrollbar {
    /* 隐藏滚动条 */
    display: none;
  }
  
  .specialtitle {
    font-size: 20rem;
    text-align: center;
    margin-top: 10rem;
    padding-top: 20rem;
  }
  
  .specialstext {
    font-size: 18rem;
    display: inline-block;
    margin-top: 20rem;
    margin-bottom: 10rem;
  }
  
  .specialstext1 {
    font-size: 18rem;
    display: inline-block;
    color: #A38044;
    margin-top: 20rem;
    margin-bottom: 10rem;
  }
  
  .specialstext2 {
    font-size: 15rem;
    color: #9C9C9C;
    margin-top: 0rem;
    margin-bottom: 0rem;
  
  }
  
  .classifys2s {
    display: flex;
    flex-wrap: wrap;
  }
  
  .classifys2s img {
    width: 100%;
  }
  
  .classifys2s div {
    width: 49%;
    background-color: #fff;
    margin-top: 2rem;
    margin-right: 2rem;
    margin-left: 2rem;
    margin-bottom: 2rem;
  }
  
  .classifys2stext1 {
    font-size: 16rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  
  }
  
  .classifys2stext2 {
    font-size: 16rem;
    text-align: center;
    color: #A38044;
  }
  
  .classifys2title {
    font-size: 18rem;
    text-align: center;
  }
  
  .classifys2smore {
    font-size: 17rem;
    text-align: center;
    background-color: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 20rem;
    padding-bottom: 20rem;
  
  }